@import "./reset.styl"
@import "./mixin.styl"
@import "./home.styl"
@import "flapCard.styl"
//@import "./transition.styl"
// 将px自动转换为rem
// 1rem = fontSize px
// 1px = (1 / fontSize)rem



.icon
  color: #666
  font-size: px2rem(16)

.title
  color: #666
  font-size: px2rem(16)
  font-weight: bold

.selected
  color: #346cb9
  font-weight: bold
//// 自定义动画
//.slide-down-enter, .slide-down-leave-to
//  transform: translate3d(0, -100%, 0)
//.slide-down-enter-to, .slide-down-leave,
//.slide-up-enter-to, .slide-up-leave
//  transform: translate3d(0, 0, 0)
//.slide-down-enter-active, .slide-down-leave-active,
//.slide-up-enter-active, .slide-up-leave-active,
//.slide-right-enter-active, .slide-right-leave-active,
//.popup-slide-up-enter-active, .popup-slide-up-leave-active
//  // 使用动画，采取线性效果
//  transition: all .2s linear
//.slide-up-enter, .slide-up-leave-to
//  transform: translate3d(0, px2rem(138), 0)
//
//// 渐隐渐显
//.fade-enter, .fade-leave-to
//  opacity: 0
//.fade-enter-to, .fade-leave
//  opacity: 1
//.fade-right-enter, .fade-right-leave-to
//  transform: translate3d(-100%, 0, 0)
//
//.slide-right-enter, .slide-right-leave-to
//  transform: translate3d(-100%, 0, 0)
//.slide-right-enter-to, .slide-right-leave
//  transform: translate3d(0, 0, 0)
//
//.popup-slide-up-enter, .p0opup-slide-up-leave-to
//  transform: translate3d(0, 100%, 0)
//  opacity: 0
//.popup-slide-up-enter-to, .popup-slide-up-leave
//  transform: translate3d(0, 0, 0)
//  opacity: 1

.hot-search-move-enter, .hot-title-move-leave-to
  transform: translate3d(0, px2rem(30), 0)
  opacity: 1

.hot-search-move-enter-to, .hot-title-move-leave
  transform: translate3d(0, 0, 0)
  opacity: 0

.hot-search-move-enter-active, .hot-title-move-leave-active
  transition: all .2s linear
